<script setup lang="ts"></script>

<template>
  <div class="footer">
    <div class="n-footer">
      <div class="f1">
        <p>Copyright © 2022 智能制造学院旗下 &nbsp; 智慧学习平台 &nbsp; 版权所有</p>
        <a href="http://beian.miit.gov.cn/">
          <img src="@/assets/gov.png" alt="备案ico" style="margin-right: 10px" />
          <span>赣ICP备2022009497号</span>
        </a>
        <div class="frends">
          <a href="http://beian.miit.gov.cn/">
            <img src="https://codelover.club/stutasks/userID_58/currNo_11/资源/Fml6huhto6IAl-4hA3eMRjc9Y42E.png" alt="备案ico" style="margin-right: 10px" />
          </a>
          <a href="http://beian.miit.gov.cn/">
            <img src="https://codelover.club/stutasks/userID_58/currNo_11/资源/FrC1uj8h-qJHgjK2FqtQhBYBsrzb.png" alt="备案ico" style="margin-right: 10px" />
          </a>
          <a href="http://beian.miit.gov.cn/">
            <img src="https://codelover.club/stutasks/userID_58/currNo_11/资源/FhlEHc007XRSGnDb6k2ro-4hMZCd.png" alt="备案ico" style="margin-right: 10px" />
          </a>
          <a href="https://todo.imlearn.xyz/">友情链接：备忘录</a>

        </div>
      </div>
      <div class="f2"></div>
    </div>
  </div>
</template>

<style scoped lang="scss">
.footer {
  width: 100%;
  height: 200px;
  background-color: #1c1f2f;
  display: flex;

  .n-footer {
    width: 95%;
    margin: auto;
    height: 80%;
    color: white;
    background-color: #1c1f2f;
    box-shadow: 5px 5px 10px #0b0c13, -5px -5px 10px #2d324b;

    .f1 {
      width: 80vw;
      margin-left: 2vw;
      .frends {
        margin-top: 4vh;
        display: flex;

        img {
          height: 28px;
        }
      }
    }
  }
}

a {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: yellow;
}
</style>
